<template>
  <xdh-admin collapsible
             footer-in-main
             :header="header"
             :menu="menu"
             :tabs="tabs"
             nav-type="tab">
    <div class="content">
      <router-view></router-view>
    </div>

  </xdh-admin>

</template>

<script>
  import XdhAdmin from 'E/xdh-admin'

  export default {
    components: {
      XdhAdmin
    },
    data() {
      return {
        header: {
          title: '新德汇信息智慧开发平台',
          logo: require('D/assets/xdh.png'),
          layout: 'logo,title,nav,->,user,tool'
        },
        menu: {
          data: [
            {id: '/', text: '工作台', icon: 'el-icon-s-home'},
            {id: '/events', text: '处理中心', icon: 'el-icon-s-grid'},
            {id: '/message', text: '消息中心', icon: 'el-icon-message-solid'},
            {id: '/order', text: '订单管理', icon: 'el-icon-s-order'}
          ],
          router: true
        },
        tabs: {
          label: '工作台',
          name: '/',
          icon: 'el-icon-s-home',
          closable: false,
          router: true
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  .content {
    padding: 10px;
  }
</style>
